<template>
    <div>
        <!-- 轮播图 -->
          <swiper :isfull="true">     
          </swiper>

    <!-- 九宫图到六宫图 -->
   <ul class="mui-table-view mui-grid-view mui-grid-9">
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <router-link to="/home/newslist">
            <img src="../../images/menu1(1).png" alt="">
		    <div class="mui-media-body">新闻资讯</div>
            </router-link>
        </li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3">
            <router-link to="/home/photolist">
            <img src="../../images/menu2.png" alt="">
		    <div class="mui-media-body">图片分享</div></router-link></li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><router-link to="/home/goodslist">
            <img src="../../images/menu3.png" alt="">
		    <div class="mui-media-body">商品购买</div></router-link></li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <img src="../../images/menu3.png" alt="">
		    <div class="mui-media-body">留言反馈</div></a></li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <img src="../../images/menu4.png" alt="">
		    <div class="mui-media-body">视频专区</div></a></li>
		<li class="mui-table-view-cell mui-media mui-col-xs-4 mui-col-sm-3"><a href="#">
            <img src="../../images/menu4.png" alt="">
		    <div class="mui-media-body">联系我们</div></a></li>
	</ul>
    </div>


    
</template>

<script>
import { Toast } from "mint-ui";
import swiper from "../subcomponents/swiper.vue"

export default {
  data() {
    return {
      //lunbotuList: [] // 保存轮播图的数组
    };
  },
  created() {
   // this.getLunbotu();
  },
  methods: {
    // getLunbotu() {
    //   // 获取轮播图数据的方法
    //   this.$http.get("http://vue.studyit.io/api/getlunbo").then(result => {
    //     // console.log(result.body);
    //     if (result.body.status === 0) {
    //       // 成功了
    //       this.lunbotuList = result.body.message;
    //       Toast("加载轮播图成功。。。");
    //     } else {
    //       // 失败的
    //       Toast("加载轮播图失败。。。");
    //     }
    //   });
    // }
  },
  components:{
      swiper
  }
};
</script>

<style lang="scss" scoped>
    .mint-swipe{
        height: 200px;
   

        .mint-swipe-item{
            &:nth-child(1){
                background-color:red;
            }
            &:nth-child(2){
                background-color:green;
            }
            &:nth-child(3){
                background-color: blue;
            }
        }
    }
    .mui-grid-view.mui-grid-9{
        background-color: #fff;
        border:none;
        img{
            width:60px;
            height:60px;
        }
        .mui-media-body{
            font-size: 12px;
        }
    }
    .mui-grid-view.mui-grid-9 .mui-table-view-cell {
  border: 0;
}
</style>